<template>
  <el-descriptions class="margin-top" title="学生信息" :column="2" size="medium" border>
    <template slot="extra">
      <el-button type="primary" size="small">操作</el-button>
    </template>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-user"></i>
        用户名
      </template>
      {{user.studentname}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-mobile-phone"></i>
        手机号
      </template>
      {{user.studentmobile}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-school"></i>
        班级
      </template>
      {{user.classname}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-tickets"></i>
        学号
      </template>
      {{user.studentid}}
    </el-descriptions-item>
    <el-descriptions-item>
      <template slot="label">
        <i class="el-icon-key"></i>
        用户密码
      </template>
      ******&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <el-button type="primary" size="mini" icon="el-icon-edit">修改密码</el-button>
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
    import {mapState} from 'vuex';
    export default {
        name:'SUserCenter',
        computed:{
            ...mapState('userOptions',['user']),
        },
    }
</script>

<style>

</style>